<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 页面初始化公用样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 该页面独立样式 -->
    <link rel="stylesheet" href="./css/getDetails.css">
    <!-- 引入jquery -->
    <script src="./lib/jquery/jquery.js"></script>
    <!-- 引入模板引擎 -->
    <script src="./lib/template/template-web.js"></script>
    <title>Document</title>
</head>

<body>
    <!-- 国内折扣详情页 -->
    <div class="getDetails">
        <!-- 顶部 -->
        <header>
            <a href="javascript:;" class="fl">
                < </a> <span>国内折扣</span>
                    <a href="javascript:;" class="fr">
                        <img src="../images/header_app.png" alt="app下载">
                    </a>
        </header>

        <!-- 商品详情信息 -->
        <div class="info">
            <!-- 标题信息 -->
            <div class="title">
                <h3>移动端凑单品：海天 鲜味 生抽 <span>1.28L</span></h3>
                <p>
                    <span>京东商城</span>
                    <span>10-25 14:10</span>
                    <span>小编烟火/慢慢买</span>
                </p>
            </div>

            <!-- 商品介绍 -->
            <div class="introdution">
                <p>
                    <img src="./images/anta.jpg" alt="测试图">
                    海天的金标生抽酱油，采用了非基因大豆以及小麦发酵而成阿萨德和撒旦是卡死你这小子阿森松岛扩所多所多所多岁数大打多少次海天的金标生抽酱油，采用了非基因大豆以及小麦发酵海天的金标生抽酱油，采用了非基因大豆以及小麦发酵而成阿萨德和撒旦是卡死你这小子阿森松岛扩所多所多所多岁数大打多少次海天的金标生抽酱油，采用了非基因大豆以及小麦发酵而成阿萨德和撒旦是卡死你这小子阿森松岛扩所多所多所多岁数大打多少次而成阿萨德和撒旦是卡死你这小子阿森松岛扩所多所多所多岁数大打多少次
                </p>
            </div>

           <!-- 商品大图 -->
            <img src="../images/anta.jpg" class="img" alt="商品大图">
            
            <!-- 有货地区列表 -->
            <ul class="lis">
                <li>
                    <span>北京</span>
                    <span>有货</span>
                </li>
            </ul>
        </div>

        <!-- 底部 -->
        <footer>
            <div class="f_down">
                <div>
                    <a href="javascript:;">登录</a>
                    <a href="javascript:;">注册</a>
                    <span id="return">返回顶部</span>
                </div>
                <div>
                    <p><span>手机APP下载</span><span>慢慢买手机版</span><span>-掌上比价平台</span></p>
                    <p>m.manmanbuy.com</p>
                </div>
            </div>
        </footer>

        <!-- 为了ul能完整显示:清除底部fixed浮动的影响 -->
        <div class="showAll"></div>
    </div>
</body>

</html>